<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html">

<h:head>
<script type="text/javascript" src="../js/ckeditor/ckeditor.js"></script>
	<title>Mini Tutorial</title>
	<style>
body {
	width: 600px;
	margin: auto;
	border: 1px solid yellow;
}
</style>
</h:head>
<h:body>
	<h1>Mini Tutorial</h1>
	<h:form id="form">
		Title: <h:inputText value="#{addArticleBean.article.title}" />
		<br />
	Description: <h:inputTextarea
			value="#{addArticleBean.article.description}" />
		<br />
	Content: <h:inputTextarea id="content" />
		<br />
		
		<script type="text/javascript">
			//<![CDATA[

				CKEDITOR.replace( 'form:content' ,
				{
					extraPlugins : 'devtools'
				});

			//]]>
			</script>
		<h:commandButton actionListener="#{addArticleBean.add()}" />
	</h:form>
</h:body>
</html>